博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
colorbox学习笔记--iframe内嵌页面调用父页面colorbox
阅读量:5251 次
发布时间:2019-06-14

本文共 530 字,大约阅读时间需要 1 分钟。

常常用到iframe内嵌另一个页面,而这个页面里显示图片,当点击这个内嵌页面中的图片,让他在父级页面显示colorbox的效果

1.首先iframe内页面额代码

js: function colorBox() {            var url = document.getElementById("bigPic").src;            window.parent.showBigPic(url);        }html:

2.外面大页面

引用:     
js://显示图片 function showBigPic(url) { $.colorbox({ html: "
" }); $('div#cboxLoadedContent').css({ "border-bottom": "none", "background": "transparent" }); }

3.大功告成!

转载于:https://www.cnblogs.com/wuchao/archive/2013/03/06/2946145.html

你可能感兴趣的文章
java.io.IOException: read failed, socket might closed or timeout, read ret: -1
查看>>
java 常用命令
查看>>
CodeForces Round #545 Div.2
查看>>
卷积中的参数
查看>>
51nod1076 (边双连通)
查看>>
Item 9: Avoid Conversion Operators in Your APIs(Effective C#)
查看>>
深入浅出JavaScript(2)—ECMAScript
查看>>
STEP2——《数据分析:企业的贤内助》重点摘要笔记(六)——数据描述
查看>>
ViewPager的onPageChangeListener里面的一些方法参数:
查看>>
Jenkins关闭、重启,Jenkins服务的启动、停止方法。
查看>>
CF E2 - Array and Segments (Hard version) (线段树)
查看>>
Linux SPI总线和设备驱动架构之四:SPI数据传输的队列化
查看>>
SIGPIPE并产生一个信号处理
查看>>
CentOS
查看>>
Linux pipe函数
查看>>
java equals 小记
查看>>
爬虫-通用代码框架
查看>>
2019春 软件工程实践 助教总结
查看>>
YUV 格式的视频呈现
查看>>
Android弹出框的学习
查看>>